<template>
  <el-dialog append-to-body :before-close="cancel" :visible.sync="value">
    <template slot="title">上分返利</template>
    <el-table :data="tabelData" border>
      <el-table-column label="已上分总额" prop="addAmount" align="center">
        <template slot-scope="{row}">
          {{row.addAmount | currency}}
        </template>
      </el-table-column>
      <el-table-column label="上分返利" prop="upAmountRet" align="center">
        <template slot-scope="{row}">
          {{row.upAmountRet | currency}}
        </template>
      </el-table-column>
    </el-table>
    <div slot="footer" class="dialog-footer">
      <el-button type="primary" @click="$emit('input',false)">确定</el-button>
    </div>
  </el-dialog>
</template>

<script>
  export default {
    name: "nextMemberCommissionDialog",
    props: ["value", "detail"],
    data() {
      return {
        tabelData: []
      };
    },
    methods: {
      cancel() {
        this.$emit("input", false);
      },
    },
    computed: {},
    created() {
      this.tabelData = [{
        addAmount: this.detail.addAmount,
        upAmountRet: this.detail.upAmountRet
      }]
    }
  };
</script>

<style scoped>
</style>
